
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <title>Rightgrc管理系统</title>
    <link rel="stylesheet" href=" https://static-src.rightgrc.com/admin/css/admin.css?v=20200316"/>
    <link rel="stylesheet" href=" https://static-src.rightgrc.com/admin/layui/css/layui.css?v=20200316"/>
    <script type="text/javascript" src=" https://static-src.rightgrc.com/admin/layui/layui.js?v=20200316"></script>
    <script type="text/javascript" src=" https://static-src.rightgrc.com/admin/layui/jquery.min.js?v=20200316"></script>
    <style>
        .customer-container{
            padding: 25px 30px;
        }
        .customer-title{
            font-size: 22px;
            color: #343945;
            letter-spacing: 2px;
            margin-bottom: 30px;
        }
        .customer-title strong{
            font-size: 24px;
        }
        .customer-search-panel{
            background: url("../dist/images/customer_bg.png") no-repeat 85% 10px;
        }
        @media screen and (max-width: 1440px) {
            .customer-search-panel {
                background-position: right center;
            }
        }
        .customer-label{
            min-width: auto!important;
            margin-right: 2.8%!important;
        }
        .customer-label .icon{
            width: 50px;
            height: 50px;
            display: block;
            background-repeat: no-repeat;
        }
        .customer-label .icon-1{
            background-image: url("../dist/images/customer_icon1.png");
        }
        .customer-label .icon-2{
            background-image: url("../dist/images/customer_icon4.png");
        }
        .customer-label .icon-3{
            background-image: url("../dist/images/customer_icon3.png");
        }
        .customer-label .icon-4{
            background-image: url("../dist/images/customer_icon5.png");
        }
        .layui-form-item .layui-inline{
            min-width: 230px;
            margin-right: 1.5%;
        }
        .customer-btn-group{
            padding: 20px 0 10px;
            margin-top: 20px;
            background-image: linear-gradient(to right, #e8e8e8 0%, #e8e8e8 50%, transparent 50%);
            background-size: 14px 1px;
            background-repeat: repeat-x;
        }
        .customer-btn-group .layui-btn{
            min-width: 80px;
            padding: 0 15px;
            margin-left: 0;
        }
        .customer-btn-group .layui-btn-primary{
            border-color: #34424f;
            color: #34424f;
        }
        .layui-btn .icon{
            width: 16px;
            height: 16px;
            display: inline-block;
            vertical-align: -2px;
            background-repeat: no-repeat;
            margin-right: 5px;
        }
        .layui-btn .icon-add{
            background-image: url("../dist/images/customer_rect1.png");
        }
        .layui-btn .icon-export{
            background-image: url("../dist/images/customer_rect2.png");
        }
        .layui-btn .icon-search{
            background-image: url("../dist/images/customer_rect3.png");
        }
        .layui-btn.search{
            width: 140px;
        }
        .layui-btn-normal{
            background-color: #4bb2ff;
        }
        .layui-form-select dl dd.layui-this{
            background-color: #4bb2ff;
        }
        .customer-radio-item{
            display: inline-block;
            vertical-align: middle;
            position: relative;
            padding-right: 25px;
            margin-right: 35px;
            line-height: 28px;
            letter-spacing: 2px;
        }
        .customer-radio-item:last-child:after{
            display: none;
        }
        .customer-radio-item:after{
            width: 1px;
            height: 14px;
            content: "";
            background-color: #e8e8e8;
            display: inline-block;
            position: absolute;
            right: 0;
            top: 8px;
        }
        .item-label, .item-raido{
            display: inline-block;
            vertical-align: middle;
        }
        .item-label{
            margin-right: 15px;
        }
        .customer-radio-item .layui-form-radio{
            margin: 0;
            padding-right: 15px;
            float: left;
        }
        .customer-radio-item .layui-form-radio>i{
            width: 14px;
            height: 14px;
            box-sizing: border-box;
            font-size: 0;
            border: 1px solid #ebebeb;
            border-radius: 50%;
            position: relative;
        }
        .customer-radio-item .layui-form-radioed>i:before{
            width: 8px;
            height: 8px;
            content: "";
            background-color: #393d49;
            border-radius: 50%;
            display: inline-block;
            position: absolute;
            left: 2px;
            top: 2px;
        }
    </style>
</head>
<body>
<div class="customer-container">
    <form class="layui-form" action="">
        <div class="demoTable">
            <div class="customer-search-panel">
                <div class="customer-title">顾问库<strong>检索</strong></div>
                <div class="layui-form-item">
                    <div class="layui-inline customer-label">
                        <span class="icon icon-1"></span>
                    </div>
                    <div class="layui-inline">
                        <input class="layui-input" placeholder="中文名"  name="" autocomplete="off">
                    </div>
                    <div class="layui-inline">
                        <input class="layui-input" placeholder="英文名"  name="" autocomplete="off">
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline customer-label">
                        <span class="icon icon-2"></span>
                    </div>
                    <div class="layui-inline">
                        <input class="layui-input" placeholder="所在地" name="" autocomplete="off">
                    </div>
                    <div class="layui-inline">
                        <input class="layui-input" placeholder="授课信息" name="" autocomplete="off">
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline customer-label">
                        <span class="icon icon-3"></span>
                    </div>
                    <div class="layui-inline">
                        <select name="status" lay-search="" lay-verify="required">
                            <option value="">请选择行业经验</option>
                            <option value="_1_" >农、林、牧、渔业</option>
                            <option value="_2_" >采矿</option>
                            <option value="_3_" >制造</option>
                            <option value="_4_" >电力、热力、燃气及水生产和供应</option>
                            <option value="_5_" >建筑</option>
                            <option value="_6_" >交通运输、仓储和邮政</option>
                            <option value="_7_" >信息传输、软件和信息技术服务业</option>
                            <option value="_8_" >批发和零售</option>
                            <option value="_9_" >食品饮料</option>
                            <option value="_10_" >酒店</option>
                            <option value="_11_" >金融</option>
                            <option value="_12_" >房地产</option>
                            <option value="_13_" >租赁和商务服务</option>
                            <option value="_14_" >科学研究和技术服务</option>
                            <option value="_15_" >水利、环境和公共设施管理</option>
                            <option value="_16_" >居民服务、修理和其他服务</option>
                            <option value="_17_" >教育</option>
                            <option value="_18_" >卫生和社会工作</option>
                            <option value="_19_" >文化、体育和娱乐</option>
                            <option value="_20_" >公共管理、社会保障和社会组织</option>
                            <option value="_21_" >政府服务</option>
                            <option value="_22_" >国际组织</option>
                            <option value="_23_" >快速消费品</option>
                            <option value="_24_" >耐用消费品</option>
                            <option value="_25_" >汽车</option>
                            <option value="_26_" >保险</option>
                            <option value="_27_" >医药</option>
                            <option value="_28_" >互联网</option>
                            <option value="_30_" >能源化工</option>
                            <option value="_29_" >其它</option>
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline customer-label">
                        <span class="icon icon-4"></span>
                    </div>
                    <div class="layui-inline">
                        <div class="customer-radio-item">
                            <div class="item-label">有教练辅导</div>
                            <div class="item-raido">
                                <input type="radio" name="radio1" value="有" title="有" checked>
                                <input type="radio" name="radio1" value="无" title="无">
                            </div>
                        </div>
                        <div class="customer-radio-item">
                            <div class="item-label">裁员支持</div>
                            <div class="item-raido">
                                <input type="radio" name="radio2" value="有" title="有">
                                <input type="radio" name="radio2" value="无" title="无">
                            </div>
                        </div>
                        <div class="customer-radio-item">
                            <div class="item-label">培训实施</div>
                            <div class="item-raido">
                                <input type="radio" name="radio3" value="有" title="有">
                                <input type="radio" name="radio3" value="无" title="无">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline customer-label"><span class="icon"></span></div>
                    <div class="layui-inline">
                        <input class="layui-input" placeholder="模糊查询" id="description" autocomplete="off">
                    </div>
                    <div class="layui-inline" style="width: 460px; text-align: right">
                        <a class="layui-btn layui-btn-radius layui-btn-normal search" data-type="reload"><i class="icon icon-search"></i>搜索</a>
                    </div>
                </div>
            </div>
            <div class="customer-btn-group">
                <a class="layui-btn layui-btn-primary" href="/Clientele/index">重置</a>
                <a class="layui-btn layui-btn-normal add"><i class="icon icon-add"></i>添加</a>
                <a class="layui-btn layui-btn-danger"><i class="icon icon-export"></i>导出</a>
            </div>
        </div>
    </form>
    <div class="layui-hide search-show">
        <table class="layui-hide" id="LAY_table_user" lay-filter="user"></table>
    </div>
</div>
<script>
    layui.use(['form', 'table'], function(){
        var table = layui.table,form = layui.form,$ = layui.jquery,layer = layui.layer;
        var tableIns = table.render({
            elem: '#LAY_table_user'
            ,url: '/Clientele/teacher_list'
            ,cols: [[
                {field:'name',align:'center',title: '中文名'}
                ,{field:'name_en',align:'center',title: '英文名'}
                ,{field:'location',align:'center',title: '所在地'}
                ,{field:'language',align:'center', title: '授课语言'}
                ,{field:'industry_experience',align:'center', title: '行业经验'}
                ,{field:'cooperation',align:'center', title: '合作形式'}
                ,{field:'update_time',align:'center', title: '更新时间'}
                ,{field:'right', title: '操作',align:'center',templet:function(d){
                        var _str = '';
                        _str +='<button class="layui-btn layui-btn-xs layui-btn-danger" data-did = "'+d.clientNumber+'" lay-event="check">查看</button>'
                        _str +='<button class="layui-btn layui-btn-xs layui-btn" data-did = "'+d.clientNumber+'" lay-event="edit">编辑</button>'
                        return _str;
                    }}
            ]]
            ,page: true
            ,limit: 10
        });

        $('.add').click(function () {
            layer.open({
                type: 2,
                title: '添加顾问',
                area: ['100%', '100%'],
                content: '/Clientele/teacher_add'
            });
        });


        table.on('tool(user)', function(obj){
            var data = obj.data;
            switch (obj.event) {
                case 'check':
                    layer.open({
                        type: 2,
                        title: '编辑顾问',
                        area: ['100%', '100%'],
                        content: '/Clientele/teacher_check/'+data.id
                    });
                    break;
                case 'edit':
                    layer.open({
                        type: 2,
                        title: '编辑顾问',
                        area: ['100%', '100%'],
                        content: '/Clientele/teacher_add/'+data.id
                    });
                    break;
            }

        });

        form.on('submit(formDemo)', function(data){
            $(".search-show").removeClass("layui-hide");
            tableIns.reload({
                where: {
                    name: data.field.name,
                    status: data.field.status
                }
                ,page: {curr: 1}
            });
            return false;
        });
    });
</script>
</body>
</html>
